body,html{margin: 0;padding: 0;}
*{font-family: "微软雅黑";}
img{vertical-align: middle;}
.topTitle{box-sizing:border-box;border: 5px solid black;background: #9be5ff;padding:15px;width: 99%;margin: 0 auto;border-radius: 4px;-webkit-border-radius: 4px;position: relative;}
.topTitle .backUrl{display: inline-block;padding:0 25px;background: url(../img/back.png) no-repeat center;background-size:96%;position: absolute;top: 0;left: 0;height: 100%;}
.topTitle h1{margin: 0;text-align: center;width:70%;margin: 0 auto;white-space: nowrap;text-overflow:ellipsis; overflow:hidden;font-size: 24px;height: 32px;}

.open{padding:10px;background: url(../img/bodybg.jpg) repeat-y;background-size:100% auto;}
.open .openBtn{display: inline-block;width:100px;background: url(../img/openBtn.png) no-repeat center;height: 60px;background-size:100% auto;}
.open .btnTd{width:150px;text-align: right;}
.open .imgTd img{width:80%;vertical-align: middle;}


.user{position: relative;}
.user .imgBox{overflow: hidden;height:300px;text-align: center;}
.user .imgBox img{height: 100%;vertical-align: top;width: 100%;}


.info{background: url(../img/bodybg.jpg) repeat-y;padding: 20px;background-size:100% auto;}
.info .textTd{color: white;}
.info .textTd b{font-size: 20px;}
.info .textTd p{font-size: 14px;margin: 0;margin-top:8px;}

.info .userBox{height:98px;width:100px;background: url(../img/userbox.png) no-repeat center;background-size:100% 100%;}
.info .userBox .icon{width: 80px;height: 80px;border-radius: 50%;-webkit-border-radius: 50%;position: relative;top:8px;left: 5px;overflow: hidden;background: white;border: 2px solid black;}
.info .userBox .icon img{width: 100%;height: 100%;border-radius: 50%;-webkit-border-radius: 50%;vertical-align: middle;}

.audio.change{display: none;}
.audio{position: absolute;width: 100%;left: 0;bottom: 0;}
.audio .playBtn{width: 80px;height: 80px;margin: 0 auto;background: url(../img/playBtn.png) no-repeat center;background-size:100%;transition: all 0.3s;-webkit-transition: all 0.3s;}
.audio .playBtn.bgchange{background: url(../img/icon_sd_zt_bottom@3x.png) no-repeat center;background-size:100%;}
.audio table{margin-bottom:10px;}
.audio .lengthTd{width: 100%;}
.audio .lengthTd source{display: none;}
#endTime,#startTime{font-size: 12px;font-weight: bold;}

#loadVal{height:20px;line-height: 20px;text-align:center;font-size: 12px;font-weight: bold;}

/*自定义滑块input样式*/
#range { 
width: 100%; 
height:40px; 
background: url(../img/loading.png) no-repeat center;
background-size: 100%; 
-webkit-border-radius: 5px; 
-webkit-appearance: none !important; 
} 

#range::-webkit-slider-thumb{ 
width:30px;height:30px;
background: url(../img/leftBtn.png) no-repeat center;background-size:100%;
background-color:rgba(0,0,0,0) !important;
); 
-webkit-border-radius: 14px; 
-webkit-appearance: none !important; 
} 



/*pc端视频样式*/
#voidPC .audio .playBtn{transition: all 0s;-webkit-transition: all 0s;}
#voidPC *{font-family:"微软雅黑";}
#voidPC{margin: 0;padding: 0;height: 100%;}
#voidPC>.content{margin-top:50px !important;}
#voidPC .userDiv{margin:0 20px;}
#voidPC .title{font-size: 25px;}
#voidPC table td{vertical-align: top;}
#voidPC .content{width: 1200px;margin: 0 auto;}
#voidPC .top{padding: 20px 0;background: #ffc85f;}
#voidPC .voidDiv{width: 600px;position: relative;}
#voidPC .voidDiv .imgBox{width: 100%;height:400px;overflow: hidden;}
#voidPC .voidDiv .imgBox img{width: 100%;height: 100%;vertical-align: middle;}
#voidPC .head{border: 2px solid #a0a0a2;padding: 20px;background: #fafafa;border-radius: 4px;-webkit-border-radius: 4px;}
#voidPC .head .iconImg{display: inline-block;width:120px;height: 120px;background: url(../img/userbox.png) no-repeat;background-size:100%;position: relative;vertical-align:middle;}
#voidPC .head .iconImg img{width:97px;height: 97px;border-radius: 50%;-webkit-border-radius: 50%;top:9px;left:7px;position: absolute;}
#voidPC .head .name{display: inline-block;vertical-align: middle;font-size: 20px;}
#voidPC .head .textInfo{border: 2px solid #eaeaea;background: white;padding: 20px;border-radius: 4px;-webkit-border-radius: 4px;position: relative;margin-top:10px;}
#voidPC .head .textInfo span{line-height:30px;color: #424242;}
#voidPC .head .textInfo:before{content: '';position: absolute;width: 15px;height: 8px;background: red;top: -8px;left:45px;background: url(../img/toproe.png) center;background-size:100% 100%;}

#voidPC .link{width: 100%;text-align: center;vertical-align: bottom;}
#voidPC .link a{display: inline-block;width: 44%;padding: 50px 0;vertical-align: middle;margin:15px 1%;}
#voidPC .link a.AndroidBtn{background: url(../img/AndroidBtn.png) no-repeat center;background-size:100%;}
#voidPC .link a.iOSBtn{background: url(../img/iOSBtn.png) no-repeat center;background-size:100%;}









